<template>
  <div class="web-container">
    <div class="web-center">
      <div class="web-center__nav">
        <nav-wrap
          :list="list"
          width="302px"
        ></nav-wrap>
      </div>
      <div class="web-center__content">
        <transition name="fade-transform" mode="out-in">
          <nuxt-child></nuxt-child>
        </transition>
      </div>
    </div>
  </div>
</template>

<script>
import NavWrap from "../components/pc/nav/navWrap";

export default {
  name: "web",
  components: {
    NavWrap
  },
  data() {
    return {
      list: [
        {
          label: '关于我们',
          address: '/web/about'
        },
        {
          label: '联系我们',
          address: '/web/contact'
        },
        {
          label: '意见反馈',
          address: '/web/feedback'
        },
        {
          label: '用户协议',
          address: '/web/agreement'
        },
        {
          label: '版权声明',
          address: '/web/copyright'
        },
        {
          label: '投诉举报',
          address: '/web/report'
        }
      ]
    }
  },
}
</script>

<style lang="scss" scoped>
  .web-container {
    .web-center {
      width: $pageWidth;
      margin: 16*$length auto 0;
      @extend %flex-row-spb;
      align-items: start;
    }
  }
</style>
